<template>
  <!-- 脚 -->
  <div>
     <div class="foot">
    <div class="foot-box">
      <span>友情链接 :</span>
      <span><a href="https://www.mgtv.com/">芒果TV</a></span>
      <span><a href="https://www.youku.com/">优酷视频</a></span>
      <span><a href="https://www.iqiyi.com/">爱奇艺</a></span>
      <span><a href="https://www.iqiyi.com/">腾讯视频</a></span>
    </div>
    <div class="clrea">
      <div class="icon-line">
        <ul>
          <li><span><i class="el-icon-location-information"></i>地址:</span>广西河池市宜州区</li>
          <li><span><i class="el-icon-printer"></i>传真:</span>0774-8765345</li>
          <li><span><i class="el-icon-s-promotion"></i>网址:</span>@时光影评网</li>
        </ul>
      </div>
      <div class="icon-line">
        <ul>
          <li><span><i class="el-icon-phone-outline"></i>电话:</span>18065238937</li>
          <li><span><i class="el-icon-message"></i>邮箱:2075271464@163.com</span></li>
        </ul>
      </div>
      <div class="icon-line ma">
          <img src="../assets/55.jpg" alt="朔光影评网">
      </div>
    </div>
  </div>
  <section class="area">
    <span>版权所有 © 2020 时光影评 All Rights Reserved 桂ICP备17004786号-1 </span>
    <span>网站建设 ： 时光 贵港 </span>
  </section>
  </div>
 
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.foot {
  margin-top: 20px;
  height: 300px;
  background: #e4e3e3;
  padding-top: 20px;
  .foot-box {
    width: 1200px;
    margin: 0 auto;
    span {
      color: #606266;
      display: inline-block;
      width: 100px;
      a {
        text-decoration: none;
        color: #606266;
        &:hover {
          color: palegreen;
        }
      }
    }
  }
  .clrea {
    width: 1200px;
    margin: 10px auto;
    .icon-line {
      float: left;
      margin: 20px auto;
      ul {
        width: 300px;
        list-style: none;
        li{
          height: 50px;
          color: #606266;
        }
      }
      img{
        width: 200px;
      }
    }
    .ma{
      margin-left:400px ;
    }
  }
}
.area{
    height: 60px;
    background: #1e2736;
    span{
      display: inline-block;
      line-height: 60px;
      color: #fff;
      text-align: center;
      margin-left: 400px;
    }
  }
</style>